import type { HeaderSetting } from '/#/config';

import { computed, unref } from 'vue';

import { useAppStore } from '/@/store/modules/app';

import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
import { useRootSetting } from '/@/hooks/setting/useRootSetting';
import { useFullContent } from '/@/hooks/web/useFullContent';
import { MenuModeEnum } from '/@/enums/menuEnum';

export function useHeaderSetting() {
   const { getFullContent } = useFullContent();
   const appStore = useAppStore();

   const getShowFullHeaderRef = computed(() => {
      return (
         !unref(getFullContent) &&
         unref(getShowMixHeaderRef) &&
         unref(getShowHeader) &&
         !unref(getIsTopMenu) &&
         !unref(getIsMixSidebar)
      );
   });

   const getUnFixedAndFull = computed(() => !unref(getFixed) && !unref(getShowFullHeaderRef));

   const getShowInsetHeaderRef = computed(() => {
      const need = !unref(getFullContent) && unref(getShowHeader);
      return (
         (need && !unref(getShowMixHeaderRef)) ||
         (need && unref(getIsTopMenu)) ||
         (need && unref(getIsMixSidebar))
      );
   });

   const {
      getMenuMode,
      getSplit,
      getShowHeaderTrigger,
      getIsSidebarType,
      getIsMixSidebar,
      getIsTopMenu,
   } = useMenuSetting();
   const { getShowBreadCrumb, getShowLogo } = useRootSetting();

   const getShowMixHeaderRef = computed(() => !unref(getIsSidebarType) && unref(getShowHeader));

   const getShowDoc = computed(() => appStore.getHeaderSetting.showDoc);

   const getHeaderTheme = computed(() => appStore.getHeaderSetting.theme);

   const getShowHeader = computed(() => appStore.getHeaderSetting.show);

   const getFixed = computed(() => appStore.getHeaderSetting.fixed);

   const getHeaderBgColor = computed(() => appStore.getHeaderSetting.bgColor);

   const getShowSearch = computed(() => appStore.getHeaderSetting.showSearch);

   const getUseLockPage = computed(() => appStore.getHeaderSetting.useLockPage);

   const getShowFullScreen = computed(() => appStore.getHeaderSetting.showFullScreen);

   const getShowNotice = computed(() => appStore.getHeaderSetting.showNotice);

   const getShowBread = computed(() => {
      return (
         unref(getMenuMode) !== MenuModeEnum.HORIZONTAL && unref(getShowBreadCrumb) && !unref(getSplit)
      );
   });

   const getShowHeaderLogo = computed(() => {
      return unref(getShowLogo) && !unref(getIsSidebarType) && !unref(getIsMixSidebar);
   });

   const getShowContent = computed(() => {
      return unref(getShowBread) || unref(getShowHeaderTrigger);
   });

   // Set header configuration
   function setHeaderSetting(headerSetting: Partial<HeaderSetting>) {
      appStore.setProjectConfig({ headerSetting });
   }
   return {
      setHeaderSetting,

      getShowDoc,
      getShowSearch,
      getHeaderTheme,
      getUseLockPage,
      getShowFullScreen,
      getShowNotice,
      getShowBread,
      getShowContent,
      getShowHeaderLogo,
      getShowHeader,
      getFixed,
      getShowMixHeaderRef,
      getShowFullHeaderRef,
      getShowInsetHeaderRef,
      getUnFixedAndFull,
      getHeaderBgColor,
   };
}
